@media screen and (min-width: 1600px) {
  html {
    font-size: 1px;
  }

  .el-tabs__item {
    padding: 0 60px;
  }

  .footer {
    padding: 40px 0 14px;
  }

  .w75,
  .w95 {
    width: 1200rem;
    margin: 0 auto;
  }
}

@media screen and (max-width: 1599px) {
  html {
    font-size: 0.8px;
  }

  .el-tabs__item {
    padding: 0 40px;
  }

  .footer {
    padding: 40px 0 14px;
  }

  .w75 {
    width: 1200rem;
    margin: 0 auto;
  }
}

@media screen and (max-width: 980px) {
  html {
    font-size: 0.8px;
  }

  .el-tabs__item {
    padding: 0 30px;
  }

  .footer {
    padding: 40px 0 14px;
  }

  .w75 {
    width: 1200rem;
    margin: 0 auto;
  }
}

@media screen and (max-width: 680px) {
  html {
    font-size: 0.8px;
  }

  .el-tabs__item {
    padding: 0 20px;
  }

  .footer {
    padding: 40px 0 14px;
  }

  .w75 {
    width: 1200rem;
    margin: 0 auto;
  }
}

body,
.f16 {
  font-size: 16rem !important;
}

.w100 {
  width: 100%;
}

.w95 {
  width: 1200rem;
  margin: 0 auto;
}

.h100 {
  height: 100%;
}

.ellipsis-1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ellipsis-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
}

.ellipsis-3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
}